<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta>
	<link rel="stylesheet" type="text/css" href="css/estilo.css"></link>
	<link rel="stylesheet" type="text/css" href="css/alterados.css"></link>
	<link rel="stylesheet" type="text/css"
		href="lib/bootstrap3/css/bootstrap.css"></link>
	<title>Cadastro Resolução de Não Conformidade</title>
	<script type="text/javascript" xml:space="preserve">
		//<![CDATA[
		function enable_area(opt) {
			//get the required document element and disable corresponding element.
			document.form.textarea1.disabled = (opt == 'Categori' ? true
					: false);
			document.form.textarea2.disabled = (opt == 'service' ? false : true);
		}

		//]]>
	</script>
</h:head>
<h:body>
	<div id="header">
		<ui:insert name="header">
			<ui:include src="template/header.xhtml"></ui:include>
		</ui:insert>
	</div>

	<br></br>
	<br></br>
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<form action="" method="post" name="form" id="form">
					<!--  Pass the value field as selector when clicked on radio button -->
					Radio1 <input type="radio" name="radio" value="Categori"
						onclick="enable_area(this.value);" />
					<textarea name="textarea1" rows="" cols=""></textarea>
					<br /> Radio2 <input type="radio" name="radio" value="service"
						onclick="enable_area(this.value);" /> <br />
				</form>
				<br></br>
				<br></br>
				<h:form>

					<p:messages id="messages" />
					<p:panelGrid columns="2" styleClass="modelo_cadastro">


						<p:outputLabel for="codEvidencia" value="Evidencia Nº: "
							styleClass="titulo_entrada" />
						<p:inputText id="codEvidencia"
							value="#{EvidenciaMB.evidenciaNc.codEvidencia}" />

						<p:outputLabel for="matUsuario" value="Matrícula Usuario: "
							styleClass="titulo_entrada" />
						<p:inputText id="matUsuario"
							value="#{EvidenciaMB.evidenciaNc.matUsuarioResolucao}"
							placeholder="Sua Matrícula" />

						<p:outputLabel for="codModelo" value="Modelo Refrigerador: "
							styleClass="titulo_entrada" />
						<p:inputText id="codModelo"
							value="#{EvidenciaMB.evidenciaNc.codModelo}" />

						<p:outputLabel for="confSerie" value="Confirma o número de série?"
							styleClass="titulo_entrada" />

						<h:selectOneRadio id="confSerie"
							onclick="enable_area(this.value);">
							<f:selectItem itemLabel="Sim" itemValue="1" />
							<f:selectItem itemLabel="Não" itemValue="2" />
						</h:selectOneRadio>

					


						<p:outputLabel for="numSerie" value="Nº de Série"
							styleClass="titulo_entrada" />
						<p:inputText id="numSerie"
							value="#{EvidenciaMB.evidenciaNc.numSerie}" />

						<p:outputLabel for="codNaoConformidade"
							value="Código Não Conformidade: " styleClass="titulo_entrada" />
						<p:inputText id="codNaoConformidade"
							value="#{EvidenciaMB.evidenciaNc.codNaoConformidade}" />

						<p:outputLabel for="acao" value="Ação Tomada: "
							styleClass="titulo_entrada" />
						<p:inputTextarea id="acao"
							value="#{EvidenciaMB.evidenciaNc.desResolucao}"
							placeholder="Descreva a resolução da Não Conformidade" />
					</p:panelGrid>

					<br></br>
					<div class="botoes_principais">
						<p:commandButton value="Concluír"
							action="#{EvidenciaMB.cadastrarResolucaoNc}" update="messages"
							icon="ui-icon-disk">
						</p:commandButton>
						<p:commandButton value="Cancelar" action="listar_EvidenciaNc"
							update="messages" icon="ui-icon-close">
						</p:commandButton>
					</div>
					<br />
				</h:form>
			</div>
		</div>
	</div>

</h:body>
</html>